<template>
  <free-app bgType="image" :navbar="navbarOptions">
    <view class="px-28rpx">
      <view class="flex justify-between p-[28rpx] items-center mb-[28rpx]">
        <view class="flex gap-1">
          <view
            class="w-94rpx h-92rpx bg-[#F7F8FA] center rounded-[50%] m"
            @click="jumpTo('/pagesMine/personal/index')"
          >
            <image
              src="/static/images/logo.png"
              class="w-60rpx h-60rpx"
            ></image>
          </view>
          <view class="ml-[16rpx]">
            <view class="color-text-1 text-size-3 mb-1">SO</view>
            <wd-button size="small">注册/登录</wd-button>
          </view>
        </view>
        <view>
          <button @click="jumpToShop" class="bg-primary-6 btn color-white rounded-3">切换为商家</button>
        </view>
      </view>

      <OrderCard></OrderCard>
      <OtherCard></OtherCard>
    </view>
  </free-app>
</template>

<script setup>
import { ref } from "vue";
import OrderCard from "./components/order-card/index.vue";
import OtherCard from "./components/other-card/index.vue";
// 导航栏配置
const navbarOptions = {
  title: "",
  showBg: true,
  bgType: "image",
  placeholder: true,
};
const jumpTo = (url) => {
  uni.navigateTo({ url: "" });
};
const jumpToShop = () => {
  uni.navigateTo({ url: "/pagesShop/index" });
};
</script>

<style lang="scss" scoped></style>
